/*
 * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @Date: 2023-12-04 20:56:52
 * @LastEditors: Mr.Feng frz655379
 * @LastEditTime: 2024-01-06 17:43:41
 * @FilePath: \undefinedd:\WeChat\WeChat Files\WeChat Files\wxid_5a05se9qn0b622\FileStorage\File\2023-12\042. 如何轻松实现粒子效果\demo1\index.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
particlesJS('particle-container', {
  particles: {
    number: {
      value:350, // 颗粒数量
    },
    opacity: {
      random: false, // 随机透明度
    },
    size: {
      value: 1, // 颗粒大小
      random: false, // 随机大小
    },
    line_linked: {
      enable: false, // 启用颗粒连线
      distance: 150, // 多少距离会出现连线
      color: '#fff', // 线的颜色
      opacity: 0.4, // 线的透明度
      width: 1.5, // 线宽
    },
    move: {
      enable: true, // 启用颗粒移动
      speed: 0, // 移动速度
      direction: 'none', // 移动方向
      straight: false, // 是否是直线移动
    },
  },
  interactivity: {
    // 交互
    events: {
      onhover: {
        // 鼠标悬停
        enable: true, // 启用事件
        mode: 'grab', // 模式：抓取
      },
      onclick: {
        // 鼠标点击
        enable: true, // 启用事件
        mode: 'push', // 模式：新增颗粒
      },
      resize: true, // 监听画布尺寸改变
    },
    modes: {
      // 模式配置
      grab: {
        // 抓取模式
        distance: 200, // 抓取距离
        line_linked: {
          opacity: 0.8, // 抓取线的透明度
        },
      },
      push: {
        // 新增模式
        particles_nb: 2, // 新增数量
      },
    },
  },
  retina_detect: true, // 启用高分屏适配
});
